<template>
  <div class="panelB">
      <div class="panelBHead">
          <h5 class="palenSTit">{{paneltit}}</h5>
          <a class="panelMore" href="">换一换</a>
      </div>
      <div class="panelBCon">
            <div class="panelBLi" v-for="item in items">
                <img src="./images/cover.jpg" width="108" height="143" alt="">
                <span class="covername">商业保险规划lalala</span>
            </div>    
      </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
      props:{
            items:{
                type: Array,
                default: [1,1,1]
            },
            paneltit:{
                type:String,
                default:'听你喜欢'
            }
      }
  };
</script>

<style lang="stylus" rel="stylesheet/stylus">
.panelB
    width: 100%
    padding:20px 15px
    box-sizing: border-box
    overflow:hidden
    background: #fff
    .panelBHead
        height:30px
        line-height:30px
        padding-bottom:5px
        .palenSTit
            float:left
            font-size:15px
            color:#414141
        .panelMore
                display:block
                float:right
                font-size:14px
                color:#999
                text-decoration:none
    .panelBCon
        display:flex
        width:100%
        .panelBLi
            flex:1
            font-size:12px
            overflow:hidden
            img
                margin:0 auto 5px 
                display:block
            .covername
                display:block
                color:#666 
                width:100%
                padding-bottom: 5px
                text-overflow:ellipsis
                white-space:nowrap 
                overflow:hidden
                
</style>